<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
	<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
	<link rel="stylesheet" href="https://pan.ray0728.cn/MyDAV/cdn/codeonline/css/analysis.css" />
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="https://webapi.amap.com/maps?v=1.4.15&key=605ade0f138e5027e10eea632787dd46"></script>
    <script src="https://pan.ray0728.cn/MyDAV/cdn/codeonline/js/analysis.min.js"></script>
</head>
	<title th:text="${title}"></title>
</head>
<body onload="init()">
	<div class="fullscreen">
		<ul class="nav nav-tabs" role="tablist">
			<li class="nav-item">
				<a class="nav-link active" data-toggle="tab" href="#heatmap">房价热力图</a>
			</li>
			<li class="nav-item">
				<a class="nav-link" data-toggle="tab" href="#fundtable">基金排行</a>
			</li>
		</ul>
		<div class="tab-content fullscreen">
			<div id="heatmap" class="container-fluid tab-pane active fullscreen">
				<div class="row">
					<div class="col-md-8 col-sm-4">
						<div class="radio">
							<input type="radio" id="rd_resold_house" value="resold" name="rd_house" checked>
							<label for="rd_resold_house">在售</label>
							<input type="radio" id="rd_rental_house" value="rental" name="rd_house" disabled="disabled">
							<label for="rd_rental_house">出租</label>
						</div>
					</div>
					<div class="input-group col-md-4 col-sm-12">
						<input type="text" id="input_region" class="form-control" placeholder="输入区域关键字">
						<div class="input-group-append">
							<button type="button" class="btn btn-outline-secondary" onclick="loaddata('house')">查询</button>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-4 col-sm-12">
						<span>城市</span><br>
						<div class="radio">
							<nobr>
								<input type="radio" id="city_cd" name="rd_resold_city" value="cd" checked>
								<label for="city_cd">成都</label>
							</nobr>
							<nobr>
								<input type="radio" id="city_bj" name="rd_resold_city" value="bj">
								<label for="city_bj">北京</label>
							</nobr>
							<nobr>
								<input type="radio" id="city_sh" name="rd_resold_city" value="sh">
								<label for="city_sh">上海</label>
							</nobr>
							<nobr>
								<input type="radio" id="city_gz" name="rd_resold_city" value="gz">
								<label for="city_gz">广州</label>
							</nobr>
							<nobr>
								<input type="radio" id="city_sz" name="rd_resold_city" value="sz">
								<label for="city_sz">深圳</label>
							</nobr>
						</div>
					</div>
					<div class="col-md-6 col-sm-12">
						<span>排序规则</span><br>
						<div class="radio">
							<nobr>
								<input type="radio" id="rb_order_total" name="rd_resold_order" value="total">
								<label for="rb_order_total">区域总价</label>
							</nobr>
							<nobr>
								<input type="radio" id="rb_order_max" name="rd_resold_order" value="max">
								<label for="rb_order_max">区域最高价</label>
							</nobr>
							<nobr>
								<input type="radio" id="rb_order_aver" name="rd_resold_order" value="aver">
								<label for="rb_order_aver">区域均值</label>
							</nobr>
							<nobr>
								<input type="radio" id="rb_order_count" name="rd_resold_order" value="count">
								<label for="rb_order_count">区域挂牌量</label>
							</nobr>
							<nobr>
								<input type="radio" id="rb_order_index" name="rd_resold_order" value="index" checked>
								<label for="rb_order_index">区域综合</label>
							</nobr>
						</div>
					</div>
				</div>
				<div class="row fullscreen">
					<div class="fullscreen d-flex flex-column">
						<div id="map" class="flex-grow-1"></div>
						<button class="js-back-to-top back-to-top" title="回到头部"><i class="fa fa-arrow-up" aria-hidden="true"></i></button>
					</div>
				</div>
			</div>
			<div id="fundtable" class="container-fluid tab-pane fullscreen">
				<div class="row mb-2">
					<div class="col-4 col-sm-2 input-group">
						<nobr>
							<label>三年</label>
								<select id="sel_three">
								<option value="=5">五星</option>
								<option value="=4">四星</option>
								<option value="=3">三星</option>
								<option value="=2">二星</option>
								<option value="=1">一星</option>
								<option value="=0">无</option>
							</select>
						</nobr>
					</div>
					<div class="col-4 col-sm-2 input-group">
						<nobr>
							<label>五年</label>
								<select id="sel_five">
								<option value="=5">五星</option>
								<option value="=4">四星</option>
								<option value="=3">三星</option>
								<option value="=2">二星</option>
								<option value="=1">一星</option>
								<option value="=0">无</option>
							</select>
						</nobr>	
					</div>
					<div class="col-4 col-sm-2 input-group">
						<nobr>
							<label>β系数</label>
							<select id="sel_beta">
								<option value="ASC">升序</option>
								<option value="DESC">降序</option>
							</select>
						</nobr>
					</div>
					<div class="col-4 col-sm-2 input-group">
						<nobr>
							<label>条数</label>
							<select id="sel_count">
								<option value="5">5</option>
								<option value="10">10</option>
								<option value="50">50</option>
								<option value="100">100</option>
							</select>
						</nobr>
					</div>
					<div class="input-group col-sm-4">
						<div class="input-group mb-3">
							<input type="text" class="form-control" placeholder="输入关键字" id="input_fund">
							<div class="input-group-append">
								<button class="input-group-text btn btn-outline-secondary" onclick="loaddata('fund')">查询</button>
							</div>
						</div>
					</div>
				</div>
				<div class="fullscreen">
					<div class="fullscreen table-responsive">
						<table class="table table-sm table-bordered table-striped">
							<thead class="thead-dark">
							  <tr>
								<th>#</th>
								<th>代码</th>
								<th>名称</th>
								<th>类型</th>
								<th>最低买入金额</th>
								<th>买入费率</th>
								<th>申购状态</th>
								<th>赎回状态</th>
								<th>回报率</th>
								<th>β系数</th>
							  </tr>
							</thead>
							<tbody id="funddata">
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>
